import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import Index from '../views/Index.vue'
import Dtime from '../testing/Dtime.vue'
import Swiper from '../testing/Swiper.vue'
// import Move from '../testing/Move.vue'
import Desc from '../views/Desc.vue'
import Register from '../views/Register.vue'
import Area from '../views/Area.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/desc',
    component:Desc,
  },
  
  {
    path: '/swiper',
    component:Swiper,
  },
  {
    path: '/dtime',
    component:Dtime,
  },
  {
    path: '/index',
    component:Index,
    meta:{
      keepAlive:false  
    }
    path: '/detail',
    name: 'Detail',
    props:true,
    component: () => import('../views/Detail.vue'),
  },
  {
    path: '/area',
    name: 'Area',
    component:Area,
  },
  {
    path: '/testing',
    name: 'testing',
    component: () => import('../testing/Layout.vue'),
  },
  {
    path: '/register',
    name: 'Register',
    component:Register,
  },
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
